<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <title>首页</title>
    <link rel="stylesheet" href="./css/Header&Footer.css">
    <link rel="stylesheet" href="./css/1index.css">
</head>

<body>
    <header>
        <div><img src="./image/index/logo.jpg" alt=""></div>
        <div>
            <img src="./image/index/my.jpg" alt="">
            <img src="./image/index/xiazai.jpg" alt="">
        </div>
    </header>
    <nav>
        <input type="text" placeholder="输入小区或商圈名开始找房咯!">
    </nav>
    <section>
        <!-- 导航 -->
        <ul class="daohang">
            <li>二手房</li>
            <li>新房</li>
            <li>租房</li>
            <li>卖房</li>
        </ul>
        <!-- news -->
        <div class="news">
            <img src="./image/index/banner2.png" alt="">
        </div>
        <!-- hot -->
        <p class="hot">
            <span>热门房源</span><br> Hot house
        </p>
        <!-- 热门房源 -->
        <ul class="remen">
            <li>
                <img src="./image/index/img1.jpg" alt="">
                <ul class="remen_text">
                    <li>文化部中间层 一层带...</li>
                    <li><span>2室1厅96m²南北</span><span>1105万</span></li>
                    <li><span>红庙北里</span><span>14268元/平</span></li>
                    <li><span>学区房</span><span>独家</span></li>
                </ul>
            </li>
            <li>
                <img src="./image/index/img2.png" alt="">
                <ul class="remen_text">
                    <li>光大水墨 精装复式...</li>
                    <li><span>2室1厅96m²南北</span><span>280万</span></li>
                    <li><span>光大水墨</span><span>14268元/平</span></li>
                    <li><span>学区房</span><span>独家</span><span>满五唯一</span></li>
                </ul>
            </li>
            <li>
                <img src="./image/index/img3.png" alt="">
                <ul class="remen_text">
                    <li>南北通透两居 精装修...</li>
                    <li><span>2室1厅96m²南北</span><span>320万</span></li>
                    <li><span>北京新天地</span><span>14268元/平</span></li>
                    <li><span>地铁房</span><span>独家</span></li>
                </ul>
            </li>
        </ul>
        <!-- 热门关注 -->
        <div class="guanzhu">
            <a href="#">热门关注</a>
            <a href="#">友情链接</a>
        </div>
        <ul class="guanzhu_ul">
            <li>
                <ul>
                    <li>北京二手房</li>
                    <li>北京二手房价</li>
                    <li>海淀日租房</li>
                    <li>朝阳新房</li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>北京找房无忧</li>
                    <li>青年家园</li>
                    <li>免税房源</li>
                    <li>满五年唯一免税</li>
                </ul>
            </li>
        </ul>
    </section>
    <!-- 广告 -->
    <div class="advertising">
        <span class="x">X</span>
        <img src="./image/index/download.png" alt="">
        <div>
            <p>找房无忧</p>
            <p>市场行情，一手掌握!</p>
        </div>
        <span class="xiazai">免费下载</span>
    </div>
    <footer>
        <p>
            <a href="">北京找房无忧网</a>>
            <a href="">首页</a>
        </p>
        <ul>
            <li>
                <div>
                    <img src="./image/index/apple.png" alt="">
                    <div>
                        <span>iphone</span><br>
                        <span>客户端</span>
                    </div>
                </div>
                <div>
                    <img src="./image/index/android.png" alt="">
                    <div>
                        <span>Android</span><br>
                        <span>客户端</span>
                    </div>
                </div>
            </li>
            <li>北京找房无忧房地产经纪有限公司</li>
            <li>网络经营许可证 京ICP备20160812号-12</li>
        </ul>
    </footer>
    <script>
        // 广告
        var advertising = document.querySelector(".advertising") //获取广告
        var x = document.querySelector(".x") //获取x
        x.ontouchstart = function() {
            console.log(advertising);
            advertising.style.display = "none"
        }
    </script>
</body>

</html>